$(function () {
  initArtCateList();

  // 获取文章分类的列表
  function initArtCateList() {
    $.ajax({
      method: "GET",
      url: "/my/article/cates",
      success: function (res) {
        //   var htmlStr = template('tpl-table', res)
        //   $('tbody').html(htmlStr)
        // console.log(res);
        var html = template("tpl-table", res);
        $("tbody").html(html);
      },
    });
  }
  // 根据索引indexAdd，关闭对应的弹出层
  var indexAdd;
  //添加事件
  $("#btnaddcate").on("click", function () {
    indexAdd = layui.layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "添加文章分类",
      content: $("#dialog-add").html(),
    });
  });
  //提交弹出框部分,事件委托，因为弹出框部分并不是开始就有的
  $("body").on("submit", "#form-add", function (e) {
    e.preventDefault();
    $.ajax({
      method: "POST",
      url: "/my/article/addcates",
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg("新增分类失败！");
        }
        initArtCateList();
        layer.msg("新增分类成功！");
        // 根据索引indexAdd，关闭对应的弹出层
        layer.close(indexAdd);
      },
    });
  });
  var indexedid;
  //给编辑按钮添加点击事件,事件委托
  $("tbody").on("click", "#btn-edit", function () {
    indexedid = layui.layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "添加文章分类",
      content: $("#dialog-abb").html(),
    });
    //id的获取
    var id = $(this).parent().attr("data-id");
    // console.log(id);
    // 发起请求获取对应分类的数据
    $.ajax({
      method: "GET",
      url: "/my/article/cates/" + id,
      success: function (res) {
        layui.form.val("form-edit", res.data);
      },
    });
  });
  $("body").on("submit", "#form-abb", function (e) {
    e.preventDefault();
    $.ajax({
      method: "POST",
      url: "/my/article/updatecate",
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg("修改数据失败！");
        }
        layer.msg("修改数据成功！");
        layer.close(indexEdit);
        // initArtCateList()
      },
    });
  });
  //删除功能
  $("tbody").on("click", "#btn-delete", function () {
    //   alert('55555')
    var id = $(this).parent().attr("data-id");
  layer.confirm("确定是删除吗", { icon: 3, title: "提示" }, function (index) {
      $.ajax({
        method: "GET",
        url: "/my/article/deletecate/" + id,
        success: function (res) {
          if (res.status !== 0) {
            return layer.msg("删除分类失败！");
          }
          layer.msg("删除分类成功");
          layer.close(index);
          initArtCateList();
        },
      });
    });
  });
});
